<meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
      <meta name="description" content="">
        <meta name="author" content="">
          <link rel="shortcut icon" href="resources/images/favicon.ico">
            <title>SIC :: Cruadratura de confiteria</title>

            <!-- Bootstrap core CSS -->
            <link href="resources/css/bootstrap.min.css" rel="stylesheet">
              <!-- Custom styles for this template -->
              <link href="resources/css/login.css" rel="stylesheet">
                <script src="resources/js/jquery.min.js"></script>
                <script src="resources/js/jquery-ui.min.js"></script>

                

                <!-- keyboard widget css & script (required) -->
                <link href="resources/css/jquery-ui.css" rel="stylesheet">
                  <link href="resources/css/keyboard.css" rel="stylesheet">
                    <script src="resources/js/jquery.keyboard.js"></script>

                    <!-- keyboard extensions (optional) -->
                    <script src="resources/js/jquery.mousewheel.js"></script>
                    <!-- jQuery Highlight Plugin -->
                    <script src="resources/js/jquery.highlight.js"></script>
                    

                    <!--CALENDARIO -->
                    <link href="resources/css/datepicker.css" rel="stylesheet">
                    <link href="resources/css/datepicker3.css" rel="stylesheet">
                    <script src="resources/js/bootstrap-datepicker.js"></script>
                    <script src="resources/js/locales/bootstrap-datepicker.es.js"></script>
                    


                    <!--NOTIFICACIONES -->
                    <script type="text/javascript" src="resources/js/pnotify.custom.min.js"></script>
                    <link href="resources/css/pnotify.custom.min.css" media="all" rel="stylesheet" type="text/css" />


                    <!--range -->
                    <script type="text/javascript" src="resources/js/rangeslider.js"></script>
                    <link href="resources/css/rangeslider.css" media="all" rel="stylesheet" type="text/css" />

                    <script>
                      var jquery = \$;
                      \$(function(){
                      \$('.numKeyboard').keyboard({  
                        layout : 'num',
                        restrictInput : true, // Prevent keys not in the displayed keyboard from being typed in
                        preventPaste : true,  // prevent ctrl-v and right click
                        autoAccept : true,
                        tabNavigation: true,
                        enterNavigation: true, // new option
                        });
                      });

                      \$(function(){
                        \$('.keyboard').keyboard({
                            tabNavigation: true,
                            enterNavigation: true, // new option
                        });
                      });
                      
                      \$(function(){
                        \$( ":button" ).addClass( "hidden-print" );
                        \$( ".btn" ).addClass( "hidden-print" );
                      });
                      
                      function resetValidacion() {
                          \$('#aprobado_cajero').val(0);
                          \$("#exitoAprobacion").hide();
                          \$("#formularioAprobacion").show();
                          \$("#password").val('');
                          \$("#tarjeta").val('');
                       }

                      jquery(document).ready(function(){
                          jquery("#tarjeta").keydown(function(e){
                              console.log(e.which);
                              if(e.which >= 48 && e.which <= 57){
                                  console.log(e.which);
                                  
                              }else{
                                  e.preventDefault();
                              }
                          })
                      });


                      jquery(document).ready(function (){
                        quitaCeros();
                      });

                      function rellenaCeros(){
                        jquery("input[value=''].numKeyboard").attr("value","0");
                      }

                      function quitaCeros(){
                        jquery("input[value='0'].numKeyboard").attr("value","");
                      }

                      function updateTextInput(idInput, val) {
                        if (val == '')
                          val = 0;
                        jquery("#"+idInput).val(val);
                        resetValidacion();
                      }

                    </script>

                    <style>
                      body {
                      padding-top: 20px;
                      padding-bottom: 20px;
                      background-color: #fff;
                      }

                      .navbar {
                      margin-bottom: 20px;
                      }

                      .highlight {
                         background-color: #FFFF88;
                      }

                      /*.panel-heading {
                        background-color: #fff !important;
                      }*/
                     
                      </style>
                  